<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Exhibition</title>
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/exhibition.css">
<link rel="stylesheet" type="text/css" href="font/iconfont.css">
<script  src="js/phone.js"></script>
</head>
<body>
    <!-- 顶部导航开始 -->
        <header class="clearfix header">
            <a class="fl" onclick="JavaScript:history.back(-1);" style="font-size: .3rem;margin-top: .28rem">
            &nbsp;&lt;返回
        </a>
            <h1 class="fl">
            <i style="font-size: .4rem;" class="iconfont icon-shouye"></i>
            <span>风格展示</span>
        </h1>
            <a class="fl clearfix" href="personalCenter.html">
            <i style="margin-top: .09rem;" class="user-icon iconfont icon-head fr"></i>
        </a>
        </header>
 <!-- 顶部导航结束-->
 <!-- 搜索开始 -->
        <div class="search">
            <div class="wrapper">
                <form action="">
                    <p class="por"><i class="iconfont icon-sousuolansousuo poa"></i><input type="text" value="请输入您喜欢的风格"></p>
                </form>
            </div>
        </div>
 <!-- 搜索结束 -->
 <!-- 展示内容区开始 -->
 <div class="container">
     <div class="exhibition">
         <div>
             <img src="img/exhibition1.jpg" alt="">
             <span>
                 田园风格<br>
                 回归生活原点
             </span>
             <p class><i class="iconfont icon-shoucang"></i>收藏</p>
         </div>
         <div>
             <img src="img/exhibition2.jpg" alt="">
             <span>
                 地中海风格<br>
                 蔚蓝色的浪漫情怀
             </span>
             <p class><i class="iconfont icon-shoucang"></i>收藏</p>
         </div>
         <div>
             <img src="img/exhibition3.jpg" alt="">
             <span>
                 中式风格<br>
                 发出迷人的东方魅力
             </span>
             <p class><i class="iconfont icon-shoucang"></i>收藏</p>
         </div>
     </div>
 </div>
 <!-- 展示内容区结束 -->
 <!-- 底部开始 -->
    <footer>
        
            <ul class="clearfix">
                <li>
                    <div class="footer-icon iconfont icon-shouye-copy"></div>
                    <p>首页</p>
                </li>
                <li>
                    <div class="footer-icon iconfont icon-fenlei"></div>
                    <p>分类</p>
                </li>
                <li>
                    <div class="footer-icon iconfont icon-shequ"></div>
                    <p>社区</p>
                </li>
                <li>
                    <div class="footer-icon iconfont icon-iconfontgouwuche"></div>
                    <p>购物车</p>
                </li>
                <li>
                    <div class="footer-icon iconfont icon-pan"></div>
                    <p>我的定制</p>
                </li>
                <li>
                    <div class="footer-icon iconfont icon-geren"></div>
                    <p>个人中心</p>
                </li>
            </ul>
    
    </footer>
 <!-- 底部结束 -->
</body>
</html>